<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style>
/*去掉所有元素的内外边距*/
* {
  margin: 0;
  padding: 0;
}
/*去掉a链接的下划线*/
a {
  text-decoration: none;
  color: #000;
}
/*去掉ul ol的默认标识符*/
ul,
ol {
  list-style: none;
}
/*去掉input的默认轮廓线*/
input {
  outline: none;
}
/*去掉按钮的边框*/
button {
  border: 0;
}

/* // 共用样式 */
/*清除浮动类*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/*低版本IE清除浮动*/
.clearfix {
  *zoom: 1;
}
/*元素居中*/
.center {
  margin: 0 auto;
}
/*  左浮动 */
.f-left {
  float: left;
}
/* 右浮动 */
.f-right {
  float: right;
}
/* 光标小手 */
.pointer {
  cursor: pointer;
}
/* 文字靠左 */
.text-left {
  text-align: left;
}
/* 文字靠右 */
.text-right {
  text-align: right;
}
/* flex布局 */
.flex {
  display: flex;
}
/* flex横向排列 */
.flex-row {
  flex-direction: row;
}
/* flex纵向排列 */
.flex-column {
  flex-direction: column;
}
/* flex主轴居中 */
.flex-center {
  justify-content: center;
}
/* flex主轴开头 */
.flex-start {
  justify-content: flex-start;
}
/* flex主轴结尾 */
.flex-end {
  justify-content: flex-end;
}
/* flex侧轴开头 */
.flex-align-start {
  align-items: flex-start;
}
/* flex侧轴居中 */
.flex-align-center {
  align-items: center;
}
/* flex侧轴结尾 */
.flex-align-end {
  align-items: flex-end;
}
</style>
